<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js"></script>

    <link
      href="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />
    <title>海量资源 —— 楼氏集团</title>
  </head>
  <body>
    <!-- Header -->
    <header class="">
      <div class="logo">
        <img src="./assets/images/nav_logo.png" alt="楼氏集团" />
      </div>
      <nav>
        <ul>
          <li class="active">
            <a href="#"><span>首页</span></a>
          </li>
          <li>
            <a href="#"><span>关于我们</span></a>
          </li>
          <li>
            <a href="#"><span>合作案例</span></a>
          </li>
          <li>
            <a href="#"><span>海量资源</span></a>
          </li>
          <li>
            <a href="#"><span>商务合作</span></a>
          </li>
          <li>
            <a href="#"><span>全国布局</span></a>
          </li>
        </ul>
      </nav>
      <div class="burger" id="header-burger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>

    <!-- Banner -->
    <div class="banner">
      <img src="./assets/images/resources_banner.jpeg" alt="" />
    </div>

    <!-- Celebrities -->
    <section class="section celebrities-section">
      <div class="container">
        <div class="title-box">
          <h1>CELEBRITIES<br />头部红人</h1>
        </div>
        <div class="celebrities-box">
          <div class="glide" id="celebrities-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="celebrities-item">
                    <div class="celebrities-content">
                      <img
                        class="celebrities-avatar"
                        src="./assets/images/resources_celebrities_avatar.jpeg"
                        alt=""
                      />
                      <h2 class="celebrities-name">@天秀bot</h2>
                      <p class="celebrities-data">
                        <span>1186万</span> 粉丝 | 搞笑自媒体博主
                      </p>
                      <p class="celebrities-tags">
                        <span>搞笑幽默</span>
                        <span>日常生活</span>
                      </p>
                      <p class="celebritices-desc">
                        非官方认证人文艺术博主，沙雕内容输出佼佼者，热搜体质，热门常客，阅读量频繁过亿实红大V，欢迎了解！
                      </p>
                    </div>
                    <img
                      class="celebrities-img"
                      src="./assets/images/resources_celebrities_1.jpeg"
                      alt=""
                    />
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a
                class="glide__arrow glide__arrow--right"
                data-glide-dir=">"
              ></a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Resources -->
    <section class="section resources-sort-section">
      <div class="container">
        <div class="title-box">
          <h1 class="text-white">CELEBRITIES<br />海量资源</h1>
        </div>
        <div class="resources-sort-box">
          <div class="resources-sort-bar">
            <a class="weibo" href="javascript:void(0)">微博红人</a>
            <a class="douyin" href="javascript:void(0)">抖音红人</a>
            <a class="kuaishou" href="javascript:void(0)">快手红人</a>
            <a class="bilibili" href="javascript:void(0)">B站红人</a>
            <a class="xiaohongshu" href="javascript:void(0)">小红书红人</a>
          </div>
          <div class="resources-sort-data">
            <div class="glide" id="resources-sort-glide">
              <div data-glide-el="track" class="glide__track">
                <ul class="glide__slides">
                  <li class="glide__slide">
                    <ul class="resources-sort-item">
                      <li class="top">
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span><mark>@微博名02</mark></span>
                      </li>
                      <li class="top">
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span><mark>@微博名02</mark></span>
                      </li>
                      <li class="top">
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span><mark>@微博名02</mark></span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_avatar.jpeg"
                            alt="@微博名02"
                          />
                        </div>
                        <span>@微博名02</span>
                      </li>
                      <li>
                        <div class="resources-sort-avatar">
                          <img
                            src="./assets/images/resources_celebrities_icon_more.png"
                            alt="更多"
                          />
                        </div>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
              <div class="glide__arrows" data-glide-el="controls">
                <a
                  class="glide__arrow glide__arrow--left"
                  data-glide-dir="<"
                ></a>
                <a
                  class="glide__arrow glide__arrow--right"
                  data-glide-dir=">"
                ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- SIGNING ADVANTAGE -->
    <section class="section signing-section">
      <div class="container">
        <div class="title-box">
          <h1>SIGNING ADVANTAGE<br />签约优势</h1>
          <p>
            欢迎国内外优秀的「内容原创者们」共享楼氏资源，加入联盟「内容矩阵」KOL大阵地！
          </p>
        </div>
        <div class="signing-box">
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_data.png"
              alt="完备的商务变现体系"
            />
            <span>完备的商务变现体系</span>
            <p>
              楼氏不仅拥有庞大的商务资源网络，还有无数营销成功经验的整合营销团队，通过内容招商、电商CPS等多种渠道帮助博主实行变现。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_idea.png"
              alt="内容的策划指导"
            />
            <span>内容的策划指导</span>
            <p>
              当创作灵感枯竭、细节把控不到位、内容形式需要升级、遭遇瓶颈期时，有楼氏的专业运营专家根据账号的性质、未来发展领域和市场受众等多方面因素，进行指导和考量，给出相应的建议。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_flow.png"
              alt="丰厚的资源加持，助推涨粉"
            />
            <span>丰厚的资源加持，助推涨粉</span>
            <p>
              在各大媒体平台通过专门的渠道，根据内容的优质程度，给予相应的流量支持，提升曝光度，实现增长活跃粉丝，扩大影响力。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_technology.png"
              alt="技术的硬件支持"
            />
            <span>技术的硬件支持</span>
            <p>
              楼氏设有专业的视频编导、拍摄、制作部门，作为艺人的硬件支持，能够为艺人提供专业的拍摄和内容思路，展现更丰富的表达形式。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_Cooperation.png"
              alt="平台关系的合作"
            />
            <span>平台关系的合作</span>
            <p>
              楼氏与各大平台均有合作，对平台算法了解透彻，不仅能够准确发现运营中的问题，降低运营风险，还能能够获取平台的优先合作资源，实现多渠道多纬度的分发与曝光。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_activity.png"
              alt="活动组织参与"
            />
            <span>活动组织参与</span>
            <p>
              加入楼氏的签约艺人，不仅能够得到公司的流量以及各项优质资源的扶持，包括但不限于平台资源、各项平台的信息流曝光扶持（如粉丝通等），还可以获得楼氏签约的垂直领域大量级KOL艺人的支持曝光，互动、同框等互带人气。
            </p>
          </a>
          <a href="javascript:void(0);" class="signing-item">
            <img
              src="/assets/images/hailiangziyuan_Signing_icon_Shield.png"
              alt="艺人成长的坚实后盾"
            />
            <span>艺人成长的坚实后盾</span>
            <p>
              除了账号的内容和运营指导，艺人逐渐转向领域KOL的同时也要走很多弯路，但楼氏有专业的PR指导、公关团队，妥当处理公关危机。
            </p>
          </a>
        </div>
      </div>
    </section>

    <!-- Contact -->
    <section class="section contact-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>CONTACT<br />联系我们</h1>
          <p>免费定制推广营销策略，留下您的联系方式</p>
        </div>
        <div class="contact-box">
          <div class="contact-content">
            <ul class="contact-info">
              <li>
                <label>联系人</label>
                <p>魏思颖</p>
              </li>
              <li>
                <label>电话</label>
                <p>13717139306</p>
              </li>
              <li>
                <label>QQ</label>
                <p>2212963493</p>
              </li>
              <li>
                <label>电子邮箱</label>
                <p>qianbi@daailoushi.com.cn</p>
              </li>
            </ul>
            <div class="qrcode-box">
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_QQ.jpeg"
                  alt="联系人QQ二维码"
                />
                <span>联系人QQ二维码</span>
              </div>
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_wechat.jpeg"
                  alt="公众号"
                />
                <span>公众号</span>
              </div>
            </div>
            <a class="contact-btn" href="#">商务合作方式</a>
          </div>
          <div class="contact-form">
            <h2>您的联系方式</h2>
            <div class="contact-input">
              <input type="text" placeholder="请输入您的称呼" />
              <input type="text" placeholder="请输入您的邮箱地址" />
              <input type="text" placeholder="请输入您的联系方式  " />
              <input type="text" placeholder="请输入您的微信号码" />
            </div>
            <textarea
              rows="4"
              placeholder="请输入您的需求描述"
              width="100%"
              height="100%"
            ></textarea>
            <a class="contact-submit" href="#">提 交</a>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="footer-bd">
        <div class="container">
          <div class="footer-bd-wrap">
            <img src="./assets/images/footer_slogan.png" alt="楼氏集团" />
            <a href="#">友情链接</a>
          </div>
        </div>
      </div>
      <div class="footer-ft">
        <div class="container">
          <a href="#">
            <img src="./assets/images/footer_icon_beian.png" alt="" />
            <span
              >粤ICP备19082438号｜粤公网安备 44030502004664号
              楼氏（深圳）文化传媒集团有限公司</span
            >
          </a>
        </div>
      </div>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/glide.min.js"></script>
    <script src="./assets/js/index.js"></script>
  </body>
</html>
